/**
 * Created by plter on 2016/11/17.
 */

(function () {


    var canvas = document.querySelector("#canvas");

    var context = canvas.getContext("2d");

    // var conext3d = canvas.getContext("webgl");
    // if (!conext3d) {
    //     conext3d = canvas.getContext("experimental-webgl");
    // }
    // var context3d = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");
    // if (!conext3d) {
    //     alert("你的浏览器不支持绘制3D图形");
    // }

    // context.fillStyle = "green";
    // context.fillRect(10, 0, 100, 100);

    // context.beginPath();
    // context.moveTo(100, 100);
    // context.lineTo(100, 200);
    // context.lineTo(200, 200);
    // context.closePath();
    // context.stroke();

    // var fontSize = 40;
    // context.font = fontSize + "px Courier";
    // context.fillText("HelloWorld", 0, fontSize);

    // var img = new Image();
    var img = document.createElement("img");
    img.onload = function () {
        // context.drawImage(img, 100, 0);
        // context.drawImage(img, 0, 0, 200, 150);
        context.drawImage(img, 0, 0, 200, 200, 0, 0, 200, 200);
    };
    img.src = "image.jpg";
})();